<!DOCTYPE html>
<html class="cufon-active cufon-ready" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Home</title>
    <link rel="stylesheet" href="../css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="../css/layout.css" type="text/css" media="all">
    <link rel="stylesheet" href="../css/style.css" type="text/css" media="all">
    
    <script type="text/javascript" src="../js/jquery-1.6.js" ></script>
    <script type="text/javascript" src="../js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="../js/tms-0.3.js"></script>
    <script type="text/javascript" src="../js/tms_presets.js"></script>
    <script type="text/javascript" src="../js/jcarousellite.js"></script>
    <script type="text/javascript" src="../js/script.js"></script>
    
    <script type="text/javascript" src="../js/config.js"></script>
    <script type="text/javascript" src="../js/common.js"></script>
	<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="login.js"></script>
    <style>
    	.hint {
    		margin: 5px 20px 5px 20px;
    		background-color: #d6ece0;
    		color: #281f1d; 
    		text-align: left;
    	}
    </style>
</head>
<body id="page1">
<div class="body1">
	<div class="body2">
		<div class="main">
<!-- header -->
			<header>
				<div class="wrapper">
					<h1><a href="index.html" id="logo">MakeItEasier</a></h1>
					<nav>
						<ul id="menu">
							<li id="nav1" class="active"><a href="index.html">Home<span>Welcome!</span></a></li>
							<li id="nav2"><a href="Exam.html">Exam<span>ON TIME</span></a></li>
							<li id="nav3"><a href="Quiz.html">Quiz<span>FOR YOU</span></a></li>
							<li id="nav4"><a href="Homework.html">Homework<span>DO  IT</span></a></li>
							<li id="nav5"><a href="Aboutus.html">About Us<span>CONTACT US</span></a></li>
						</ul>
					</nav>
				</div>
			</header>
<!-- header end-->
		</div>
	</div>
</div>

<div class="body3">
	<div class="main">
<!-- content -->
			<article id="content">
				
				<div class="wrapper">	
					<section class="col1">
						<h2 class="under">Teacher Login</h2>
						<form id="ContactForm" method="post">
							<div class="wrapper">
								<span>Your Email:</span>
								<input id="teaEmail" name="teaEmail" class="input" type="email" placeholder="user@ustc.edu.cn" required="required" onblur="validateEmail(this.value)">
                                   <img id="emailOk" src="../images/icon-done.jpg" width="20px" height="20px" style="display:none">
							</div>
							<div class="wrapper">
								<span>Your Password:</span>
								<input id="teaPassword" name="teaPassword" class="input" type="password" placeholder="length:6-12" required="required" onblur="validatePwd(this.value)" maxLength="12">							                
                                   <img id="pwdOk" src="../images/icon-done.jpg" width="20px" height="20px" style="display:none">
								<a href="mailto:itenglish@163.com" class="hint">ForgetPassword?</a>
							</div>
							<div class="wrapper">
								<button type="submit" id="btn_submit">Login</button>
								<button type="reset">Reset</button>
							</div>
						</form>
					</section>
					<section class="col2 pad_left1">
						<h2>Wisdom</h2>
						<div class="testimonials">
						<div id="testimonials">
						  <ul>
							<li>
								<div>
									The supreme happiness of life is the conviction that we are loved
								</div>
								<span><strong class="color1">Victor Hugo,</strong> <br>
								Director</span>
							</li>
							<li>
								<div>
									Cultured and fine manners are everywhere a passport to regard
								</div>
								<span><strong class="color1">Johnson,</strong> <br>
								Director</span>
							</li>
							<li>
								<div>
									No man lives without jostling and being jostled. 
								</div>
								<span><strong class="color1">Thomas Carlyle,</strong> <br>
								Director</span>
							</li>
						  </ul>
						</div>
						<a href="#" class="up"></a>
						<a href="#" class="down"></a>
						</div>
					</section>
				
				</div>
			</article>
		</div>
</div>
<div class="body4">
	<div class="main">
		<article id="content2">
			<div class="wrapper">
				<section class="col3">
					<h4>Why us?</h4>
					<ul class="list1">
						<li><a href="#">A team</a></li>
						<li><a href="#">team members</a></li>
						<li><a href="#">SSH</a></li>
						<li><a href="#">J2EE</a></li>
					</ul>
				</section>
				<section class="col3 pad_left2">
					<h4>Address</h4>
					<ul class="address">
						<li><span>City:</span>Suzhou</li>
						<li><span>School: </span>USTC</li>
						<li><span>Address:</span>No.166, Ren'ai Rd.</li>
						<li><span>Email:</span><a href="mailto:">itenglish@163.com</a></li>
					</ul>
				</section>
				<section class="col3 pad_left2">
					<h4>Follow Us</h4>
					<ul id="icons">
						<li><a href="#"><img src="../images/icon1.jpg" alt="">ruanyuan.net</a></li>
						<li><a href="#"><img src="../images/icon2.jpg" alt="">weibo</a></li>
						<li><a href="#"><img src="../images/icon3.jpg" alt="">renren</a></li>
						<li><a href="#"><img src="../images/icon4.jpg" alt="">qq</a></li>
					</ul>
				</section>
				<section class="col2 right">
					<h4>Newsletter</h4>
					<form id="newsletter" method="post">
						<div>
							<div class="wrapper">
								<input class="input" value="Type Your Email Here" onblur="if(this.value=='') this.value='Type Your Email Here'" onfocus="if(this.value =='Type Your Email Here' ) this.value=''" type="text">
							</div>
							<a href="#" class="button" onclick="document.getElementById('newsletter').submit()">Subscribe</a>
						</div>
					</form>
				</section>
			</div>
		</article>
<!-- content end -->
	</div>
</div>
	<div class="main">
<!-- footer -->
		<footer>
			© Copyright © 2014.Company name All rights reserved.
		</footer>
<!-- footer end -->
	</div>
<!-- <script type="text/javascript"> Cufon.now(); </script> -->

</body></html>